<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>学生选课系统</title>
  <script src="./js/jquery3.5.1.js"></script>
  <link rel="stylesheet" href="./css/layui.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
  <div class="layui-header layui-bg-deepblue">
    <div class="layui-logo">学生选课系统</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-right nav-header">
      <li class="layui-nav-item">
        <a href="javascript:;" class="xs-StuName">
          <img src="http://t.cn/RCzsdCq" class="layui-nav-img">

        </a>
        <dl class="layui-nav-child layui-bg-deepblue">
          <dd><a href="">基本资料</a></dd>
          <dd><a href="">安全设置</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item"><a href="">退了</a></li>
    </ul>
  </div>
  
  <div class="layui-side">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree layui-bg-lifhtblue"  lay-filter="test">
        <li class="layui-nav-item">
          <a class="" href="javascript:;">个人中心</a>
        </li>
        <li class="layui-nav-item">
          <a class="" href="javascript:;">学籍成绩</a>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">已选课程</a>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">选课查询</a>
        </li>
      </ul>
    </div>
  </div>
  <!-- 个人中心 -->
  <div class="layui-body xs-home">
    <div class="layui-container xs">
      <div class="layui-row">
        <div class="layui-col-md12">
          个人中心
        </div>
        <div class="layui-col-md3 layui-col-sm4 layui-col-xs4 xs-img">
          <div>
            <img src="./images/xs_bg.jpg" alt="">
            <img src="./images/xs_tx.jpg" alt="">
          </div>
          <div class="xs-info">
            <p class="xs-StuName">学生姓名：</p>
            <p class="xs-StuNo">学生编号：</p>
          </div>
        </div>
        <div class="layui-col-md7 layui-col-sm4 layui-col-xs4">
          <div class="layui-form">
            <table class="layui-table">
              <thead>
                <tr>
                  <th>周/节次</th>
                  <th>周一</th>
                  <th>周二</th>
                  <th>周三</th>
                  <th>周四</th>
                  <th>周五</th>
                  <th>周六</th>
                  <th>周日</th>
                </tr> 
              </thead>
              <tbody>
                <tr>
                  <td>php</td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tr>
                <tr>
                  <td>php</td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tr>
                <tr>
                  <td>php</td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tr>
                <tr>
                  <td>php</td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tr>
                <tr>
                  <td>php</td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tr>
                <tr>
                  <td>php</td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>

      </div>
    </div>      
  </div>
  <!-- 学籍成绩 -->
  <div class="layui-body xs-score" hidden>
    <div class="layui-container xs">
      <div class="layui-row">
        学籍成绩建设中1

      </div>
    </div>      
  </div>
  <!-- 已选课程 -->
  <div class="layui-body xs-select" hidden>
    <div class="layui-container xs">
      <div class="layui-row">
        <div class="layui-form">
          <table class="layui-table select">
            <thead>
              <tr>
                <th>已选课程</th>
                <th>课程时间</th>
                <th>学分</th>
              </tr> 
            </thead>
            <tbody class="select-info">
              
            </tbody>
          </table>
        </div>

      </div>
    </div>      
  </div>

  <!-- 选课查询 -->
  <div class="layui-body xs-search" hidden>
    <div class="layui-container xs">
      <div class="layui-row"> 
        <div class="layui-col-md12 layui-col-sm4 layui-col-xs4">
          <div class="layui-form">
            <table class="layui-table">
              <thead>
                <tr>
                  <th>课程代码</th>
                  <th>课程名称</th>
                  <th>课程类别</th>
                  <th>学分</th>
                  <th>任课教师</th>
                  <th>上课时间</th>
                  <th></th>
                </tr> 
              </thead>
              <tbody class="course-info">
                
              </tbody>
            </table>
          </div>
        </div>
        <div id="demo2"></div>
      </div>
    </div>      
  </div>
  <div class="layui-footer">
    <!-- 底部固定区域 -->
    © layui.com - 底部固定区域
  </div>
</div>
<script src="./js/layui.all.js"></script>
<script>
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;

});
layui.use(['laypage', 'layer'], function(){
    var laypage = layui.laypage
    ,layer = layui.layer;
    
    //自定义样式
    laypage.render({
      elem: 'demo2'
      ,count: 100
      ,theme: '#1E9FFF'
    })
    
  });
</script>

<script src="./js/index-ajax.js"></script>
<script src="./js/index.js"></script>


</body>
</html>